<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>关于我</title>
    <!-- Bootstrap core CSS -->
    <!--<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">-->
    <link th:href="@{/hiwodyt/bootstrap/css/bootstrap.min.css}" rel="stylesheet">
    <!-- Custom fonts for this template -->
    <link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet">
    <!--<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">-->
    <link th:href="@{/hiwodyt/fontawesome-free/css/all.min.css}" rel="stylesheet">
    <!-- Custom styles for this template -->
    <!--<link href="css/resume.min.css" rel="stylesheet">-->
    <link th:href="@{/hiwodyt/about/resume.min.css}" rel="stylesheet">
    <!--icon 通用代码-->
    <style type="text/css">
      .icon {
        width: 1em;
        height: 1em;
        vertical-align: -0.15em;
        fill: currentColor;
        overflow: hidden;
      }
    </style>
  </head>
  <body id="page-top">
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
      <a class="navbar-brand js-scroll-trigger" href="#page-top">
        <span class="d-block d-lg-none">WeepMoon</span>
        <span class="d-none d-lg-block">
          <img class="img-fluid img-profile rounded-circle mx-auto mb-2" th:src="@{/hiwodyt/img/touxiang.jpg}" alt="">
        </span>
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#about">关于本站</a>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#experience">关于站长</a>
          </li>
          <!--<li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#education">Education</a>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#skills">Skills</a>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#interests">Interests</a>
          </li>
          <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#awards">Awards</a>
          </li>-->
        </ul>
      </div>
    </nav>
    <div class="container-fluid p-0">
      <section class="resume-section p-3 p-lg-5 d-flex d-column" id="about">
        <div class="my-auto">
          <h1 class="mb-0">weep
            <span class="text-primary">moon</span>
          </h1>
          <div class="subheading mb-5">I was born on October 14, 2018. The man who created me was dyt.
          </div>
          <p class="lead mb-5">这是本人第一次建站,从前端到后端,都由我一人完成,前端用的bootstrap和jquery,后端接口由java提供,建站过程当中看到许多有趣的前端插件和更多实用的功能,后续都会慢慢加入本网站中,如有发现任何BUG,欢迎留言。</p>
          <p class="lead mb-5">偷偷告诉你们:当初为什么要建网站,因为偶然间误入了大神的博客,倒不是因为大神博客做的多么多么牛逼,而是写的文章特别的好,非常善于做笔记,而我在这方面却是非常欠缺,所以这个网站是为了分享技术、以及监督本人做笔记而生的。</p>
          <p class="lead mb-5">本人只是一个java开发,但是我不仅仅希望只能接触开发的冰山一角,我想去尝试一下前端、尝试运维、尝试SEO,而从零到建站正好是一条龙流程,从虚无到呈现的过程让我能体会开发的乐趣,知晓开发的全貌,或许这就是建站之乐了吧,也是我能一直写下去的理由。</p>
          <div class="social-icons">
            <a href="tencent://AddContact/?fromId=45&fromSubId=1&subcmd=all&uin=935055482&website=www.oicqzone.com" target = "_blank">
              <i class="fab fa-qq" ></i>
            </a>
            <a href="#">
              <i class="fab fa-weixin"></i>
            </a>
            <a href="#">
              <i class="fab fa-weibo"></i>
            </a>
            <!--<a href="#">
              <i class="fab fa-facebook-f"></i>
            </a>-->
          </div>
        </div>
      </section>
      <hr class="m-0">
      <section class="resume-section p-3 p-lg-5 d-flex flex-column" id="experience">
        <div class="my-auto">
          <h2 class="mb-5">Individual Resume ❤</h2>
          <div class="resume-item d-flex flex-column flex-md-row mb-5">
            <div class="resume-content mr-auto">
              <div class="subheading mb-3">你好呀,正式认识一下吧,陌生人!</div>
              <p>Boy boy = new Boy()</p>
              <p>boy.age = '23'</p>
              <p>boy.sex = '男'</p>
              <p>boy.name = '杜禹天'</p>
              <p>boy.dream = '全栈'</p>
              <p>boy.bornfrom  = '江西南昌'</p>
              <p>boy.presentResidence= '中国上海'</p>
              <p>boy.everyDayRepeat = function() {</p>
              <p>上班(),睡觉(),暴富()打游戏(),怀疑人生(),不想家(),祝你看懂()</p>
              <p>}</p>
              <p>原本学编程是为了混口饭吃,没想后来真的混上了饭吃(滑稽)。<svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-Expression_3"></use>
              </svg></p>
            </div>
          </div>



        </div>

      </section>

      <hr class="m-0">

     <!-- <section class="resume-section p-3 p-lg-5 d-flex flex-column" id="education">
        <div class="my-auto">
          <h2 class="mb-5">Education</h2>

          <div class="resume-item d-flex flex-column flex-md-row mb-5">
            <div class="resume-content mr-auto">
              <h3 class="mb-0">University of Colorado Boulder</h3>
              <div class="subheading mb-3">Bachelor of Science</div>
              <div>Computer Science - Web Development Track</div>
              <p>GPA: 3.23</p>
            </div>
            <div class="resume-date text-md-right">
              <span class="text-primary">August 2006 - May 2010</span>
            </div>
          </div>

          <div class="resume-item d-flex flex-column flex-md-row">
            <div class="resume-content mr-auto">
              <h3 class="mb-0">James Buchanan High School</h3>
              <div class="subheading mb-3">Technology Magnet Program</div>
              <p>GPA: 3.56</p>
            </div>
            <div class="resume-date text-md-right">
              <span class="text-primary">August 2002 - May 2006</span>
            </div>
          </div>

        </div>
      </section>

      <hr class="m-0">

      <section class="resume-section p-3 p-lg-5 d-flex flex-column" id="skills">
        <div class="my-auto">
          <h2 class="mb-5">Skills</h2>

          <div class="subheading mb-3">Programming Languages &amp; Tools</div>
          <ul class="list-inline dev-icons">
            <li class="list-inline-item">
              <i class="fab fa-html5"></i>
            </li>
            <li class="list-inline-item">
              <i class="fab fa-css3-alt"></i>
            </li>
            <li class="list-inline-item">
              <i class="fab fa-js-square"></i>
            </li>
            <li class="list-inline-item">
              <i class="fab fa-angular"></i>
            </li>
            <li class="list-inline-item">
              <i class="fab fa-react"></i>
            </li>
            <li class="list-inline-item">
              <i class="fab fa-node-js"></i>
            </li>
            <li class="list-inline-item">
              <i class="fab fa-sass"></i>
            </li>
            <li class="list-inline-item">
              <i class="fab fa-less"></i>
            </li>
            <li class="list-inline-item">
              <i class="fab fa-wordpress"></i>
            </li>
            <li class="list-inline-item">
              <i class="fab fa-gulp"></i>
            </li>
            <li class="list-inline-item">
              <i class="fab fa-grunt"></i>
            </li>
            <li class="list-inline-item">
              <i class="fab fa-npm"></i>
            </li>
          </ul>

          <div class="subheading mb-3">Workflow</div>
          <ul class="fa-ul mb-0">
            <li>
              <i class="fa-li fa fa-check"></i>
              Mobile-First, Responsive Design</li>
            <li>
              <i class="fa-li fa fa-check"></i>
              Cross Browser Testing &amp; Debugging</li>
            <li>
              <i class="fa-li fa fa-check"></i>
              Cross Functional Teams</li>
            <li>
              <i class="fa-li fa fa-check"></i>
              Agile Development &amp; Scrum</li>
          </ul>
        </div>
      </section>

      <hr class="m-0">

      <section class="resume-section p-3 p-lg-5 d-flex flex-column" id="interests">
        <div class="my-auto">
          <h2 class="mb-5">Interests</h2>
          <p>Apart from being a web developer, I enjoy most of my time being outdoors. In the winter, I am an avid skier and novice ice climber. During the warmer months here in Colorado, I enjoy mountain biking, free climbing, and kayaking.</p>
          <p class="mb-0">When forced indoors, I follow a number of sci-fi and fantasy genre movies and television shows, I am an aspiring chef, and I spend a large amount of my free time exploring the latest technology advancements in the front-end web development world.</p>
        </div>
      </section>

      <hr class="m-0">

      <section class="resume-section p-3 p-lg-5 d-flex flex-column" id="awards">
        <div class="my-auto">
          <h2 class="mb-5">Awards &amp; Certifications</h2>
          <ul class="fa-ul mb-0">
            <li>
              <i class="fa-li fa fa-trophy text-warning"></i>
              Google Analytics Certified Developer</li>
            <li>
              <i class="fa-li fa fa-trophy text-warning"></i>
              Mobile Web Specialist - Google Certification</li>
            <li>
              <i class="fa-li fa fa-trophy text-warning"></i>
              1<sup>st</sup>
              Place - University of Colorado Boulder - Emerging Tech Competition 2009</li>
            <li>
              <i class="fa-li fa fa-trophy text-warning"></i>
              1<sup>st</sup>
              Place - University of Colorado Boulder - Adobe Creative Jam 2008 (UI Design Category)</li>
            <li>
              <i class="fa-li fa fa-trophy text-warning"></i>
              2<sup>nd</sup>
              Place - University of Colorado Boulder - Emerging Tech Competition 2008</li>
            <li>
              <i class="fa-li fa fa-trophy text-warning"></i>
              1<sup>st</sup>
              Place - James Buchanan High School - Hackathon 2006</li>
            <li>
              <i class="fa-li fa fa-trophy text-warning"></i>
              3<sup>rd</sup>
              Place - James Buchanan High School - Hackathon 2005</li>
          </ul>
        </div>
      </section>-->

    </div>

    <!-- Bootstrap core JavaScript -->
    <!--<script src="vendor/jquery/jquery.min.js"></script>-->
    <script th:src="@{/hiwodyt/jquery/jquery.min.js}"></script>
    <!--<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>-->
    <script th:src="@{/hiwodyt/bootstrap/js/bootstrap.bundle.min.js}"></script>
    <!-- Plugin JavaScript -->
    <!--<script src="vendor/jquery-easing/jquery.easing.min.js"></script>-->
    <script th:src="@{/hiwodyt/about/jquery.easing.min.js}"></script>
    <!-- Custom scripts for this template -->
    <!--<script src="js/resume.min.js"></script>-->
    <script th:src="@{/hiwodyt/about/resume.min.js}"></script>
    <!--图标-->
    <script type="text/javascript" th:src="@{/hiwodyt/js/iconfont.js}"></script>
  </body>

</html>
